<div class="left_mid">
  <div class="left_mid_top">
    <h1> <?php echo $html->link('All Categories', '/categories/'); ?> </h1>
  </div>
  <?php if(isset($categories) and ($categories))
		{
			//pr($categories);
			//exit;
	?>
  <div class="left_mid_down">
    <div class="na1">
      <ul>
        <?php foreach($categories as $category){ ?>
        <li>
         <a href="javascript:void(0);">
		 	<?php echo $category['Category']['name']; 
			//echo $html->link(''.$category['Category']['name'].'',
			// array('controller'=>'categories', 'action'=>'subcategories', $category['Category']['slug'])); ?>
        </a>
          <?php if(isset($category['Category']['Subcategories']) and ($category['Category']['Subcategories']))
				{
				?>
          <ul class="subcat" id="<?php echo $category['Category']['id']; ?>-<?php echo $category['Category']['slug']; ?>">
            <?php foreach($category['Category']['Subcategories'] as $subcats)
			 {
				 //pr($subcats);
				// exit;
				if(isset($subcats['Category']['SubSubcategories']) and ($subcats['Category']['SubSubcategories']=="true"))
				{
					?>
                     <li> <?php echo $this->Html->link($subcats['Category']['name'], '/categories/subcategories/'.$subcats['Category']['slug'], array('class' => 'subcatlink')); ?>
             
            </li>
		<?php
				}else
				{
			?>
             <li> 
              <?php echo $html->link(''.$subcats['Category']['name'].'', array('controller'=>'products',$subcats['Category']['slug'])); ?></li>
			<?php
				}
			 ?>
              
            <?php
			 }
			 // exit;
			 ?>
          </ul>
          <?php 
				}
			?>
        </li>
        <?php } ?>
      </ul>
    </div>
  </div>
  <?php
		 }
	?>
  <div class="left_mid_down1">
    <div class="banner_right">
      <h2>About Wondere</h2>
      <br>
      <p>Buy wholesale items securely<br>
        from over  650,000 Chinese<br>
        sellers at low, Price
        Learn More</p>
      <h2>vip</h2>
      <br>
      <span>
      <ul>
        <li><a href="#">Exclusive Discounts</a></li>
        <li><a href="#">Exclusive Services</a></li>
        <li><a href="#">Free Samples</a></li>
      </ul>
      </span>
      <p><a href="#">Read more..</a></p>
      <img width="167" height="78" alt="" src="img/banner1.png"> </div>
    <div class="common_border"></div>
    <h2>choose Accessoires </h2>
    <ul>
      <li><img width="40" height="40" alt="" src="img/w7.png"><a href="#">lorum ipsum
        dolor sit </a></li>
      <li><img width="40" height="40" alt="" src="img/w8.png"><a href="#">lorum ipsum
        dolor sit </a></li>
      <li><img width="40" height="40" alt="" src="img/w7.png"><a href="#">lorum ipsum
        dolor sit </a></li>
      <li><img width="40" height="40" alt="" src="img/w8.png"><a href="#">lorum ipsum
        dolor sit </a></li>
      <li><img width="40" height="40" alt="" src="img/w7.png"><a href="#">lorum ipsum
        dolor sit </a></li>
    </ul>
    
    <!--<img src="images/ban.png" width="180" height="97" alt=""/>
<img src="images/ban1.png" width="180" height="198" alt=""/>
<img src="images/ban2.png" width="199" height="119" alt=""/>
--> 
  </div>
</div>
